<template>
  <div class="main-container">
    <div style="background-color: #fff; height: 100%">
      <a-tabs   :lazy-load="true" justify type="card" @change="tabsChange">
        <a-tab-pane key="1" title="五金仓出库">
          <div style="height: 100%">
            <OrderDeliveryList2></OrderDeliveryList2>
          </div>
        </a-tab-pane>
        <a-tab-pane key="2" title="化工仓出库">
          <div style="height: 100%">
            <OrderDeliveryList3></OrderDeliveryList3>
          </div>
        </a-tab-pane>
        <a-tab-pane key="3" title="胶管仓出库">
          <div style="height: 100%">
            <OrderDeliveryList4></OrderDeliveryList4>
          </div>
        </a-tab-pane>
        <a-tab-pane key="4" title="油品仓出库">
          <div style="height: 100%">
            <OrderDeliveryList5></OrderDeliveryList5>
          </div>
        </a-tab-pane>
        <a-tab-pane key="7" title="成品仓出库">
          <div style="height: 100%">
            <ProductOutStock></ProductOutStock>
          </div>
        </a-tab-pane>
        <a-tab-pane key="5" title="毛坯仓出库">
          <div style="height: 100%">
            <OrderDeliveryList6></OrderDeliveryList6>
          </div>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>
  
<script lang="ts">
import emitter from '@/hooks/useEventBus'
import OrderDeliveryList2 from './components/OrderDeliveryList2.vue'
import OrderDeliveryList3 from './components/OrderDeliveryList3.vue'
import OrderDeliveryList4 from './components/OrderDeliveryList4.vue'
import OrderDeliveryList5 from './components/OrderDeliveryList5.vue'
import OrderDeliveryList6 from './components/OrderDeliveryList6.vue'
import ProductOutStock from './components/ProductOutStock.vue'


export default {
  name: 'Order2',
  setup() {
    const tabsChange = (e: string | number) => {
      emitter.emit('window-change')
    }
    return {
      tabsChange,
    }
  },
  components: {
    OrderDeliveryList2,
    OrderDeliveryList3,
    OrderDeliveryList4,
    OrderDeliveryList5,
    OrderDeliveryList6,
    ProductOutStock
  },
}
</script>
  
<style scoped>
.main-container {
  height: 100%;
}

:deep(.ag-cell-value) {
  user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}

:deep(.arco-table-td-content) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:deep(.ag-cell) {
  border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
  border-right: 1px solid #dde2eb;
}

:deep(.ag-cell-value) {
  user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}

:deep(.arco-table-td-content) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:deep(.ag-cell) {
  border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
  border-right: 1px solid #dde2eb;
}
</style>